<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <title>id选择器</title>
    <style>
        ul li:first-child
        /* 使用伪类选择器选择父元素中的第一个子元素 */
        /* 使用   父元素 子元素:last-child  选择父元素的最后一个子元素 */
        /* 使用    父元素 子元素:nth-child(n)  选择父元素的第n个子元素  n可以是 公式 */
        
        {
            background-color: green;
        }
        
        ul li:nth-child(3) {
            color: red;
        }
    </style>

</head>

<body>
    <ul>
        <li>第一</li>
        <li>第二</li>
        <li>第三</li>
        <li>第四</li>
    </ul>
</body>

</html>